原理：

既然要做无限地图，那么肯定是不能中断的，假设我们有两张地图，先将这两张地图的首尾相连。

假设这两张地图同时往左侧移动，并当最左边那张完全移出舞台，也假设你要做的跑酷游戏只有前进，没有后退，那么就表示最左侧的地图，已经完全不需要他了。

此时我们可以将两张地图的道尾互换。

如愿循环下去，便会形成无限。

这很基础，但是当地图增加到五张十张二十张时，并且还要随机显示，其难度就要复杂的多。所以我尝试了一些优化的方法。比如我只做一张地图，通过设置一些属性，是否能做到多张并且随机的效果。

于是，我尝试了做一张大的地图，地图中分了很多区域，每个区域隔的远一点，让它们不会相交，然后在图层属性上增加了一些点属性，用来记录每个区域的必要属性，这样的就可以把每个区域当成一张小地图来显示。

那么我们来看看闪影中是怎么做的：

首先我将图层的宽高数量建的很大，然后在里面建了很多的小区域（下图每个红矩形是一个区域。）

接下来如果我想把每个区域都是当成一个地图的话，那我至少要知道每个区域的起始点、宽度等等属性。因我并不打算得到地图的高度，于是我只在图层属性上加了两个点属性。

如：第一片区域第一个点，我起名叫a0，设置在第一片区域开始的位置，用此来记录这片区域的xy。

第一片区域第二个点，我起名叫a1，设置在第一片区域结束的位置。

这两个点就足够了，如果设置第二片区域，也是一样。增加一个b0的点在第二片区域开始的位置，增加另一个b1的点在第二片区域结束的位置，以此类推，就不多说了，那么我们看看代码是怎么写的。

arr记录所有区域的字母，id在arr中进行随机，所以id必定是a到k之内的字母。其它不管，只看Init方法的里面的内容，因为我所有的点属性都放到一个叫“地面”的图层上了，所以第一句就是得到这个图层的node。

既然得到图层了，那么第二句，就很明了了，得到起始点坐标，交将地图坐标设置过去，因为这里的id+0，其中的id是随机的，所以得到的起始点也是随机的。

那么只需要运行游戏看一下效果（因为gif设置太大，会超出大小，所以我让其地图的x向后减，方便看效果）。

至此已经完成了大半了，只剩无限连接了，接上最开始的原理。接下只需要稍微的添加点东西就行了。

代码上原理已经解释的差不多，就是通过两点得到区域起始和结束的位置，然后再通过结束减去起始，得到区域宽度。之后就是让地图循环移动下去，因为要随机，我们只需要在地图移出舞台时，重制一下ID和rightX、topY等属性就行。